<template>
  <div class="app">
    <layout-sidebar></layout-sidebar>
    <div class="app-content">
      <layout-header></layout-header>
    </div>
  </div>
</template>
<script>
import LayoutSidebar from '@/layouts/Sidebar'
import LayoutHeader from '@/layouts/Header'
export default {
  name: 'Home',
  components: {
    LayoutSidebar,
    LayoutHeader
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus">
@import '~styles/varible.styl'
@import '~styles/layout.styl'
</style>
